﻿
@model IEnumerable<Didsoft.AccesoUsuario.AccesoDatos.Entidades.Lites.DUA_RolAccesoLite>


<link href="@Url.Content("~/Content/StyleNewMenu.css")" rel="stylesheet" type="text/css" />

<script src="@Url.Content("~/Scripts/jquery.quicksand.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-1.4.1-and-plugins.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.quicksand.main.js")" type="text/javascript"></script>


<ul id="list" class="image-grid">

   
   @{
       Random rnd = new Random();
       int cont = 0;
       
       }

    @foreach(var item in Model)
    {
        cont++;
        
          <li data-id="id-@cont" class="util">
          @*<a style="border:none" href="@Url.Action(@item.AccesoAccion,@item.AccesoMaestroNombre)">
              <img src="@item.UrlImagen" width="128" height="128" alt="" />
          </a>*@
          <a style="border:none" href="@item.AccesoMaestroNombre/@item.AccesoAccion">
              <img src="@item.UrlImagen" width="128" height="128" alt="" />
          </a>
              <strong>@item.AccesoNombre</strong>
              <span>@rnd.Next() KB</span>
            </li>
         
            
    }
    </ul>



@*</div>*@


@*
<div id="wrapper">
      <div id="site">
        <div id="title">
          <h1>Quicksand<span></span></h1>
          <p>Reorder and filter items with a nice shuffling animation.</p>
        </div>

 <ul class="splitter"><li>Filter by type:<ul><li class="segment-1 selected-1"><a href="#" data-value="all">Everything</a></li><li class="segment-0"><a href="#" data-value="app">Applications</a></li><li class="segment-2"><a href="#" data-value="util">Utilities</a></li></ul></li><li>Sort by:<ul><li class="segment-1 selected-1"><a href="#" data-value="name">Name</a></li><li class="segment-2"><a href="#" data-value="size">Size</a></li></ul></li></ul>

 <div class="demo">
          <!-- read the documentation to understand what’s going on here -->
          <ul id="list" class="image-grid">
            <li data-id="id-1" class="util">
              <img src="../../Content/images/Menu/activity-monitor.png" width="128" height="128" alt="" />
              <strong>Activity Monitor</strong>
              <span>348 KB</span>
            </li>
            <li data-id="id-2" class="app">
              <img src="../../Content/images/Menu/address-book.png" width="128" height="128" alt="" />
              <strong>Address Book</strong><span>1904 KB</span>
            </li>
            <li data-id="id-3" class="app">
              <img src="../../Content/images/Menu/finder.png" width="128" height="128" alt="" />
              <strong>Finder</strong>
              <span>1337 KB</span>
            </li>
            <li data-id="id-4" class="app">
              <img src="../../Content/images/Menu/front-row.png" width="128" height="128" alt="" />
              <strong>Front Row</strong>
              <span>401 KB</span>
            </li>
            <li data-id="id-5" class="app">
              <img src="../../Content/images/Menu/google-pokemon.png" width="128" height="128" alt="" />
              <strong>Google Pokémon</strong>
              <span>12875 KB</span>
            </li>
            <li data-id="id-6" class="app">
              <img src="../../Content/images/Menu/ical.png" width="128" height="128" alt="" />
              <strong>iCal</strong>
              <span>5273 KB</span>
            </li>
            <li data-id="id-7" class="app">
              <img src="../../Content/images/Menu/ichat.png" width="128" height="128" alt="" />
              <strong>iChat</strong>
              <span>5437 KB</span>
            </li>
            <li data-id="id-8" class="app">
              <img src="../../Content/images/Menu/interface-builder.png" width="128" height="128" alt="" />
              <strong>Interface Builder</strong>
              <span>2764 KB</span>
            </li>
            <li data-id="id-9" class="app">
              <img src="../../Content/images/Menu/ituna.png" width="128" height="128" alt="" />
              <strong>iTuna</strong>
              <span>17612 KB</span>
            </li>
            <li data-id="id-10" class="util">
              <img src="../../Content/images/Menu/keychain-access.png" width="128" height="128" alt="" />
              <strong>Keychain Access</strong>
              <span>972 KB</span>
            </li>
            <li data-id="id-11" class="util">
              <img src="../../Content/images/Menu/network-utility.png" width="128" height="128" alt="" />
              <strong>Network Utility</strong>
              <span>245 KB</span>
            </li>
            <li data-id="id-12" class="util">
              <img src="../../Content/images/Menu/sync.png" width="128" height="128" alt="" />
              <strong>Sync</strong>
              <span>3788 KB</span>
            </li>
            <li data-id="id-13" class="app">
              <img src="../../Content/images/Menu/textedit.png" width="128" height="128" alt="" />
              <strong>TextEdit</strong>
              <span>1669 KB</span>
            </li>
          </ul>
        </div>


</div>
*@
